@import "../_mixin";
.vux-slider>.vux-swiper>.vux-swiper-item>a>.vux-swiper-desc {
    background-image: none;
    text-shadow: none;
}

.homepage {
    .logo {
        top: 0.0rem;
        position: fixed;
        z-index: 999;
        width: 100%;
        max-width: 1080px;
        height: 1.2rem;
        background: #2b302c url(../../images/public/logo.png) 0.4rem center no-repeat;
        background-size: 22%;
        .fr {
            line-height: 1.2rem;
            margin-right: 0.125rem;
            a {
                @include fz(15px);
                color: #fff;
                padding: 0.0rem 0.06rem;
            }
        }
        .sp {
            padding: 0.0rem 0.15rem!important;
            opacity: 0.5;
        }
    }
    .weui_toast_content {
        @include fz(16px);
    }
}

.homebanner {
    position: relative;
}

.homeloading {
    .weui_toast_content {
        @include fz(16px)
    }
    img {
        width: 100%;
        transform: scale(1);
        opacity: 1;
        transition: 0.2s;
        animation: btnmove 0.4s;
    }
    @keyframes btnmove {
        0% {
            transform: scale(0.3);
            opacity: 0;
        }
        70% {
            transform: scale(1.2);
            opacity: 1;
        }
        90% {
            transform: scale(0.8);
            opacity: 0.9;
        }
        100% {
            transform: scale(0.9);
            opacity: 1;
        }
    }
    .weui_dialog {
        background: none;
        overflow: inherit;
    }
    i {
        color: #fff;
        @include fz(30px);
        left: 50%;
        margin-left: -20px;
        bottom: -0.8rem;
        position: absolute;
    }
}

.warning {
    opacity: 0.5;
    text-align: center;
    color: #fff;
    padding: 0.05rem 0.0rem;
    width: 4rem;
    position: absolute;
    bottom: 0.0rem;
    left: 50%;
    margin-left: -2rem;
    @include fz(10px);
    z-index: 10;
}

.banner {
    margin-top: 2.0rem;
    text-align: center;
    background: #fff;
    img {
        width: 10rem;
    }
}

.homenotice {
    @include fz(14px);
    vertical-align: middle;
    padding: 0.0rem 0.25rem;
    color: #999;
    background: #fff;
    height: 1.1rem;
    overflow: hidden;
    position: relative;
    border-bottom: 0.025rem solid #999;
 
    i {
        position: absolute;
        vertical-align: middle;
        @include fz(28px);
        color: $primaryColor;
        margin-right: 0.25rem;
        &.ball {
            width: .2rem;
            height: .2rem;
            display: block;
            border-radius: 50%;
            background: #ff6565;
            right: 0rem;
            top: 0.2rem;
        }
    }
    ul {
        transition: top 0.5s;
        position: relative;
        margin: 0.0rem 1rem;
        li {
            line-height: 1rem;
            white-space: nowrap;
            overflow: hidden;
        }
        a {
            color: #999;
        }
    }
    .message {
        position: absolute;
        right: 1.1rem;
        top: -0.3rem;
        i {
            &.mail {
                vertical-align: middle;
                @include fz(30px);
                color: #999;
                margin-right: 0.25rem;
            }
        }
    }
}

.hl {
    background: #fff; //border-top:0.03rem solid #e0e0e0;
    padding-top:0.1rem;
    margin-bottom: 0.35rem;
    width: 100%;
    padding-bottom: 0.375rem;
    ul {
        display: -webkit-box;
    }
    li {
        -webkit-box-flex: 1;
        width: 100%;
        @include fz(14px);
        i {
            width: 100%;
            display: block;
            height: 1.5rem;
            margin: 0.3rem auto 0.125rem auto;
            text-align: center;
            img {
                height: 100%;
            }
        }
        span {
            display: block;
            text-align: center;
            color: #4d4d4d;
        }
    }
}

.productlist {
    margin-bottom: 0.3rem;
    .flex-row {
        vertical-align: middle;
        white-space: nowrap;
        /* display:flex; 
		justify-content:center; 
		align-items: center;  */
        .main-row {
            width: 33.333%!important;
        }
        .flex-cell {
            width: 22%;
            float: left;
            display: inline-block;
            padding: 0.2rem 0.0rem;
            .p_btn_nob,
            .b_btn_nob {
                padding: 0.15rem 0.2rem;
                border-radius: 0.1rem!important;
                white-space: nowrap;
                width: 100%;
                display: block;
                text-align: center;
            }
            .min {
                padding: 0.15rem 0rem;
            }
            span {
                display: block;
                color: #999;
            }
            b {
                @include fz(18px);
                font-weight: normal;
                color: #4d4d4d;
                height: 0.8rem;
                display: block;
                &.mtxt {
                    @include fz(18px);
                    white-space: nowrap;
                    font-weight: normal;
                }
                &.af {
                    @include fz(20px);
                    color: $primaryColor;
                }
            }
            .mtxt {
                @include fz(15px);
            }
        }
    }
    .weui_progress_bar {
        height: 0.1rem;
        background: #e0e0e0;
        border-radius: 0.1rem;
    }
    .weui_progress_inner_bar {
        background: #ff9500;
        border-radius: 0.1rem;
    }
    li {
        padding: 0rem 0.25rem;
        color: #999;
        margin-bottom: 0.3rem;
        background: #fff;
        &.full {
            .title span.name,
            .vux-flexbox-item b {
                color: #999;
            }
        }
        .title {
            background: none;
            border-bottom: 0.03rem solid #e0e0e0;
            font-weight: normal;
            vertical-align: bottom;
            padding: 0.3rem 0.0rem;
            line-height: 0.5rem;
            span {
                @include fz(12px);
                color: #999;
                vertical-align: bottom;
                display: inline-block;
                &.name {
                    @include fz(14px);
                    color: #4d4d4d;
                    width: 65%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
                &.fr {
                    float: right;
                }
            }
        }
        .vux-flex-row {
            padding: 0.1rem 0.0rem;
        }
        .vux-flexbox-item {
            vertical-align: top;
            .p_btn_nob,
            .b_btn_nob {
                //padding:0.15rem 0.2rem;
                padding: .04rem .15rem;
                border-radius: 0.1rem!important;
                white-space: nowrap;
                width: 100%;
                display: block;
                text-align: center;
            }
            .min {
                padding: 0.15rem 0rem;
            }
            span {
                display: block;
                color: #999;
                white-space: nowrap;
                padding-top: 0.2rem;
                padding-bottom: 0.3rem;
            }
            b {
                @include fz(18px);
                font-weight: normal;
                color: #4d4d4d;
                height: 0.8rem;
                display: block;
                white-space: nowrap;
                &.mtxt {
                    @include fz(18px);
                    white-space: nowrap;
                    font-weight: normal;
                }
                &.af {
                    @include fz(20px);
                    color: $primaryColor;
                }
            }
            .mtxt {
                @include fz(15px);
            }
        }
        &:last-child {
            margin-bottom: 0rem;
        }
    }
}

.learnmore {
    background: #fff;
    margin: auto 0.2rem 0.2rem 0.2rem;
    padding: 0.25rem;
    position: relative;
    box-shadow: 0.05rem 0.05rem 0.05rem 0.0rem rgba(0, 0, 0, 0.1);
    margin-bottom: 0.35rem;
    text-align: center;
    @include fz(14px);
    color: #999999;
}

.sp_box {
    margin-bottom: 0.3rem;
    .title {
        color: #ff9500;
        @include fz(16px);
        vertical-align: middle;
        padding: 0.15rem 0.25rem;
        background: #fff4e5;
        font-weight: bold;
        .more {
            vertical-align: middle;
            float: right;
            @include fz(14px);
            margin-top: 0.05rem;
            color: $primaryColor;
        }
    }
}

.sc_box {
    background: #fff;
    padding: 0.0rem 0.25rem;
    margin-bottom: 0.25rem;
    padding-bottom: 0.2rem;
    .title {
        border-bottom: 0.03rem solid #e0e0e0;
        color: #999;
        @include fz(16px);
        vertical-align: middle;
        padding: 0.125rem 0.0rem;
        margin-bottom: 0.25rem;
        span {
            vertical-align: middle;
        }
        i {
            vertical-align: middle;
            @include fz(22px);
            margin-right: 0.1rem;
            color: $primaryColor;
        }
        .more {
            vertical-align: middle;
            float: right;
            @include fz(14px);
            margin-top: 0.05rem;
            color: $primaryColor;
        }
    }
}

.imglist {
    li {
        display: -webkit-box;
        vertical-align: middle;
        color: $preColor;
        margin-bottom: 0.125rem;
        padding-bottom: 0.125rem;
        border-bottom: 0.03rem solid #e0e0e0;
        &:last-child {
            border: none;
            padding: 0;
            margin: 0;
        }
        .img {
            -webkit-box-flex: 1;
            width: 25%;
            img {
                width: 100%;
            }
        }
        .info {
            -webkit-box-flex: 1;
            width: 75%;
            padding-left: 0.25rem;
        }
        i {
            @include fz(25px);
            vertical-align: middle;
        }
        .stitle {
            @include fz(15px);
            padding-bottom: 0.25rem;
            color: #4d4d4d;
        }
    }
}

.newslist {
    li {
        @include fz(15px);
        padding: 0.2rem 0.0rem;
        color: #4d4d4d;
        line-height: 0.625rem;
        .name {
            width: 70%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            white-space: nowrap;
        }
        .fl {
            color: $preColor;
        }
    }
}

.menu {
    display: -webkit-box;
    background: #FFF;
    position: fixed;
    bottom: 0;
    width: 100%;
    max-width: 1080px;
    box-shadow: 0px -0.05rem 0.1rem 0.0rem rgba(0, 0, 0, 0.1);
    z-index: 99;
    li {
        -webkit-box-flex: 1;
        width: 100%;
        text-align: center;
        color: $preColor;
        padding: 0.125rem 0.0rem;
        .img {
            height: 36px;
            display: block;
            position: relative;
            img {
                height: 28px;
                width: 28px;
                margin: auto;
                margin-top: 5px;
                margin-bottom: -5px;
                display: inline-block;
            }
        }
        i {
            @include fz(25px);
            color: $preColor;
            display: block;
        }
        &.on {
            color: $primaryColor;
            i {
                color: $primaryColor;
            }
        }
    }
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.sp_top {
    margin-top: 2rem;
}

.mini_top {
    margin-top: 1.58rem;
}

.detail_top {
    margin-top: 1.125rem!important;
}

.top1 {
    margin-top: 2.5rem;
}

.top {
    //margin-top:3.6rem;
    margin-top: 1.2rem;
}

.bottom {
    margin-bottom: 1.8rem;
}

.bottom_space {
    margin-bottom: 3rem;
}

.tcenter {
    text-align: center;
}

.fl {
    float: left;
}

//loan.vue
.cbox {
    display: -webkit-box;
    li {
        list-style: none;
        -webkit-box-flex: 1;
    }
    dd {
        -webkit-box-flex: 1;
    }
    .cl {
        -webkit-box-flex: 1;
        display: block;
        width: 100%;
    }
    .clx {
        -webkit-box-flex: 1;
    }
}

.search {
    position: fixed;
    top: 0rem;
    background: #fff;
    width: 100%;
    max-width: 1080px;
    height: 1.25rem;
    z-index: 88;
    box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);
    .input {
        width: 85%;
    }
    .kw {
        width: 100%;
        margin: 0.1rem 0.0rem;
        margin-left: 0.25rem;
        padding: 0.2rem 0.2rem;
        border: 0.05rem solid #e0e0e0;
        border-radius: 0.1rem;
        @include fz(14px);
    }
    .btn {
        width: 15%;
        vertical-align: middle;
        i {
            @include fz(30px);
            color: $primaryColor;
            vertical-align: middle;
            display: block;
            text-align: center;
            height: 100%;
            margin-top: 0.125rem;
        }
    }
}

.ptype {
    border: 0.03rem solid $primaryColor;
    border-radius: 0.1rem;
    margin: 0.125rem 0.25rem;
    vertical-align: middle;
    background: $primaryColor;
    dd {
        line-height: 0.95rem;
        height: 0.85rem;
        text-align: center;
        @include fz(14px);
        color: #fff;
        &.on {
            background: #fff;
            color: $primaryColor;
            border-radius: 0.1rem;
        }
    }
}

.nptype {
    border-radius: 0.1rem;
    margin: 0.125rem 0.25rem;
    vertical-align: middle;
    color: #999;
    dd {
        line-height: 0.95rem;
        height: 0.85rem;
        text-align: center;
        @include fz(16px);
        color: #999;
        &.on {
            background: #fff;
            color: $primaryColor;
            border-radius: 0.1rem;
            position: relative;
            &:after {
                content: ' ';
                width: 0.8rem;
                height: 0.05rem;
                background: $primaryColor;
                position: absolute;
                bottom: 0rem;
                margin-left: -0.4rem;
                left: 50%;
            }
        }
    }
}

.loading {
    text-align: center;
    @include fz(15px);
}

.return-bar {
    height: 1.125rem;
    line-height: 1.125rem;
    background: #2b302c;
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 1080px;
    z-index: 99;
    text-align: center;
    color: #fff;
    @include fz(17px);
    i {
        position: absolute;
        left: 0rem;
        color: #fff;
        width: 1.25rem;
        @include fz(22px);
    }
    .limitedname {
        width: 78%;
        margin: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

//用户中心
.user-center {
    header {
        padding: 6.2rem 0rem;
        padding-top: 60px;
        background: $primaryColor;
        background: -webkit-linear-gradient(#ffac00, #ff9a00);
        background: -o-linear-gradient(#ffac00, #ff9a00);
        background: -moz-linear-gradient(#ffac00, #ff9a00);
        background: linear-gradient(#ffac00, #ff9a00);
        position: relative;
        .top-content {
            position: absolute;
            bottom: 0;
            width: 100%;
        }
        .setting {
            position: absolute;
            right: 0.2rem;
            color: #fff;
            @include fz(30px);
            top: 0.1rem;
            padding: 0.125rem;
            z-index: 99;
        }
        .value {
            b {
                display: block;
                text-align: center;
                color: #fff;
                @include fz(16px);
                font-weight: normal;
                margin-bottom: 0.1rem;
            }
            strong {
                @include fz(28px) display: block;
                color: #fff;
                text-align: center;
                font-weight: bold;
                margin-bottom: 0.1rem;
            }
            em {
                @include fz(14px) display: block;
                color: #ad6f11;
                text-align: center;
                margin-bottom: 0.2rem;
            }
            i {
                color: #ffd57f;
                font-style: normal;
                text-align: center;
                display: block; //white-space:nowrap;
            }
        }
        .nav {
            background: rgba(255, 255, 255, 0.15);
            li {
                text-align: center;
                color: #fff;
                padding: 0.125rem 0.0rem;
                position: relative;
                &:first-child:after {
                    height: 0.6rem;
                    background: #fff;
                    width: 0.025rem;
                    right: -0.05rem;
                    top: 50%;
                    margin-top: -0.3rem;
                    content: ' ';
                    position: absolute;
                }
                @include fz(17px);
                b {
                    display: block;
                    font-weight: normal;
                }
                span {
                    color: #ad6f11;
                    @include fz(13px);
                }
            }
        }
    }
    .protrait {
        width: 1.6rem;
        height: 1.6rem;
        margin: auto;
        margin-bottom: 0.05rem;
        position: relative;
        img {
            &.cover {
                border-radius: 50%;
                width: 100%;
                border: 0.05rem solid #fff;
                box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);
            }
        }
        .survey_icon {
            position: absolute;
            bottom: 0.0rem;
            right: 0.0rem;
            width: 0.6rem;
            height: 0.6rem;
            background: url(../../images/user/survey-not.png) center center no-repeat;
            background-size: cover;
        }
        .done {
            background: url(../../images/user/survey-done.png) center center no-repeat;
            background-size: cover;
        }
    }
    .btnlist {
        background: #fff;
        padding: 0.25rem 0.0rem;
        a {
            display: inline-block;
            margin-top: .266667rem;
            padding: .25rem 0;
            text-align: center;
            @include fz(16px) width: 45%;
            margin: auto 2%;
        }
    }
    .moneylist {
        background: #fff;
        margin-bottom: 0.25rem;
        li {
            float: left;
            padding: .4rem 0 .4rem .453333rem;
            width: 50%;
            border-top: 0.03rem solid #ddd;
            position: relative;
            &:nth-child(odd):after {
                height: 0.8rem;
                background: #ddd;
                width: 0.025rem;
                right: -0.05rem;
                top: 50%;
                margin-top: -0.4rem;
                content: ' ';
                position: absolute;
            }
            span {
                margin-left: .506667rem;
                color: #5a5a5a;
                font-weight: bold;
                @include fz(16px);
            }
            strong {
                display: block;
                margin-bottom: .213333rem;
                color: #999;
                @include fz(13px);
                &:before {
                    display: inline-block;
                    margin-right: .266667rem;
                    width: .213333rem;
                    height: .213333rem;
                    border-radius: 50%;
                    content: " ";
                }
            }
            &:nth-child(1) strong:before,
            &:nth-child(7) strong:before {
                background-color: #ff6666;
            }
            &:nth-child(2) strong:before,
            &:nth-child(8) strong:before {
                background-color: #ffca3c;
            }
            &:nth-child(3) strong:before {
                background-color: #a1dd53;
            }
            &:nth-child(4) strong:before {
                background-color: #3aebe9;
            }
            &:nth-child(5) strong:before {
                background-color: #5da2ff;
            }
            &:nth-child(6) strong:before {
                background-color: #be71ff;
            }
        }
    }
    .noball {
        li {
            span {
                margin-bottom: .213333rem;
                display: inline-block;
                margin-left: 0rem!important;
            }
            strong {
                &:before {
                    content: ""!important;
                    background: none;
                    display: none;
                    height: 0rem;
                    width: 0rem;
                }
                b {
                    color: #4d4d4d!important;
                }
            }
        }
    }
}

.com_img {
    background: #fff;
    text-align: center;
    padding: 0.25rem 0.0rem;
    img {
        width: 95%;
    }
}

.s-menu {
    li {
        padding: 0.35rem 0.4rem;
        background: #fff;
        margin-bottom: 0.25rem;
        position: relative;
        @include fz(16px);
        color: #4d4d4d;
        line-height: 0.5rem;
        transition: 0.1s;
        a {
            color: #4d4d4d;
        }
        &.sp {
            padding: 0rem;
        }
        .txt {
            padding: 0.35rem 0.4rem!important;
            display: block;
            width: 100%;
        }
        .disa {
            position: absolute;
            right: 0.5rem;
            top: 0.0rem;
            margin-right: 0.1rem;
            .chk_3 {
                display: inline-block;
                opacity: 0;
            }
            .weui_cell {
                padding: 5px;
                margin-right: 0.25rem;
            }
            .weui_cell_primary {
                display: none;
            }
            .weui_switch {
                width: 1.3rem;
                height: 0.8rem;
                border-radius: 0.4rem;
                margin-top: 0.08rem;
                &:after,
                &:before {
                    width: 0.73rem;
                    height: 0.73rem;
                    border-radius: 0.37rem;
                }
            }
            .weui_switch:checked {
                border-color: $primaryColor;
                background-color: $primaryColor;
                &:after {
                    transform: translateX(0.5rem);
                }
            }
        }
        &:active {
            background: #f9f9f9;
        }
        i {
            &.spot {
                width: 0.15rem;
                margin-right: 0.1rem;
                background: $primaryColor;
                color: $primaryColor;
                display: inline-block;
                height: 0.45rem;
                vertical-align: middle;
            }
            &.se {
                position: absolute;
                right: 0.125rem;
                top: 50%;
                margin-top: -0.25rem;
                color: #999;
                @include fz(22px);
            }
            &.ft {
                color: $primaryColor;
                vertical-align: middle;
                margin-right: 0.125rem;
                @include fz(18px);
            }
        }
    }
}

.adst {
    background: rgba(0, 0, 0, 0.3);
    line-height: 0.875rem;
    height: 0.875rem;
    color: #fff;
    padding: 0.0rem 0.25rem;
    @include fz(15px);
    i {
        color: #fff;
        @include fz(20px);
        position: absolute;
        right: 0.0rem;
        width: 1.2rem;
        text-align: center;
    }
}

.p_btn_nob {
    background: none;
    border-radius: 0.1rem;
    border: 0.025rem solid $primaryColor;
    color: $primaryColor;
}

.p_btn {
    background: $primaryColor;
    border-radius: 0.1rem;
    color: #fff;
}

.gr_btn {
    border: none;
    background: #3cc278;
    border-radius: 0.1rem;
    color: #fff;
}

.gr_btn_nobg {
    border: 1px solid #3cc278;
    background: none;
    border-radius: 0.1rem;
    color: #3cc278;
}

.m_btn {
    background: $mainColor!important;
    border-radius: 0.1rem;
    color: #fff;
}

.m_btn_nob {
    background: none;
    border-radius: 0.1rem;
    border: 0.025rem solid $mainColor;
    color: $mainColor;
}

.g_btn {
    background: $preColor;
    border-radius: 0.1rem;
    color: #fff;
}

.g_nob_btn {
    border: 1px solid #dadada;
    border-radius: 0.1rem;
    background: #efefef;
    color: #6c6c6c;
}

.b_btn {
    background: $blueColor;
    border-radius: 0.1rem;
    color: #fff;
}

.b_btn_nob {
    background: none;
    border-radius: 0.1rem;
    border: 0.025rem solid $blueColor;
    color: $blueColor;
}

.gtxt {
    color: #999!important;
}

.nobg {
    padding: 0.0rem!important;
    background: none!important;
}

.nopos {
    position: relative!important;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}

.mb10 {
    margin-bottom: 0.25rem;
}

.pb10 {
    padding-bottom: 0.25rem;
}

.fr {
    float: right;
}

.mtxt {
    color: $primaryColor!important;
}

.l5 {
    margin-left: 0.1125rem;
}

.tcenter {
    text-align: center;
}

.top_right_btn {
    position: absolute;
    right: 0rem;
    @include fz(15px);
    height: 1.125rem;
    width: 1.5rem;
    i {
        position: relative;
        vertical-align: middle;
    }
    .hibox {
        z-index: 100;
        top: 1rem;
        right: 0.2rem;
        padding: 0.125rem 0.3rem;
        display: block;
        position: absolute;
        background: #fff;
        border-radius: 0.125rem;
        box-shadow: 0.05rem 0.05rem 0.05rem 0rem rgba(0, 0, 0, 0.1);
        li {
            white-space: nowrap;
            color: #4d4d4d;
            @include fz(14px);
            border-bottom: 0.02rem solid #4d4d4d;
            height: auto;
            line-height: 0.8rem!important;
            &:last-child {
                border: none;
                padding: 0.1rem;
            }
        }
        &:after {
            top: -0.125rem;
            right: 10%;
            content: ' ';
            position: absolute;
            z-index: 9;
            transform: rotate(135deg);
            border-width: 0.25rem;
            border-color: transparent transparent #ffffff #ffffff;
            border-style: solid;
            border-top-left-radius: 0.1rem;
        }
    }
}

.red {
    color: $mainColor!important;
}

.yellow {
    color: $primaryColor!important;
}

.blue {
    color: $blueColor!important;
}

.nowide {
    width: 80%!important;
    display: block;
    margin: auto!important;
}

.commonpage {
    .weui_dialog {
        @include fz(14px);
    }
}

.survey_show {
    .weui_dialog {
        background: none;
        img {
            width: 90%;
        }
    }
    i {
        margin-top: 0.5rem;
        display: block;
        color: #fff;
        @include fz(30px);
    }
}

.auto_buy {
    .weui_dialog {
        background: none;
    }
    .autobuy {
        background: #fff;
        padding: 0.25rem 0.0rem;
        b {
            color: $primaryColor;
            @include fz(16px);
            margin-bottom: 0.3rem;
            display: block;
        }
        span {
            @include fz(14px);
            color: #333;
        }
        i {}
        input {
            border: 0.03rem solid #e0e0e0;
            margin-bottom: 0.2rem;
            border-radius: 0.04rem;
            padding: 0rem 0.1rem;
            @include fz(16px);
            text-align: center;
            height: 1rem;
            width: 50%;
        }
        button {
            border: none;
            margin-bottom: 0.2rem;
            border-radius: 0.1rem;
            padding: 0rem 0.5rem;
            @include fz(18px);
            text-align: center;
            height: 1rem;
            line-height: 1rem;
            color: #fff;
            background: #ff9500;
        }
    }
    i {
        margin-top: 0.5rem;
        display: block;
        color: #fff;
        @include fz(30px);
    }
}

footer {
    .fmenu {
        background: #2b2f2c;
        color: #fff;
    }
    .copyright {
        background: #232824;
        color: #fff;
        @include fz(14px);
        padding: 0.5rem 0.5rem;
        text-align: center;
        padding-bottom: 1.5rem;
        line-height: 0.55rem;
    }
    .authority {
        padding: 0.25rem 0.0rem;
        li {
            display: inline-block;
            vertical-align: middle;
            padding: 0.0rem 0.25rem;
            img {
                max-height: 1.2rem;
            }
        }
    }
}

.triple {
    padding: 0.4rem 0.0rem;
    li {
        width: 33%!important;
        display: inline-block;
        text-align: center;
        border: none;
        padding: 0.25rem 0.0rem;
        @include fz(15px);
        position: relative;
        &:after {
            height: 0.36rem;
            background: #555956;
            width: 0.025rem;
            right: -0.05rem;
            top: 50%;
            margin-top: -0.18rem;
            content: ' ';
            position: absolute;
        }
        &.none:after {
            display: none
        }
    }
}


/* .buletype{
	padding-bottom: 0rem;
	li{
		margin: 0.18rem 0.2rem;
		padding:0.0rem;
		padding-bottom:0.08rem;
		&.on{
			color:#00abf2;
			&:after{
				width:100%;
				left:0.0rem;
				background:#00abf2;
				margin-left:auto;
			} 
		}
	}
} */

//投资明细 筛选
.searchinput {
    .clx {
        position: relative;
    }
    i {
        &.zoom {
            position: absolute;
            @include fz(22px);
            right: 0.4rem;
            top: 50%;
            margin-top: -0.4rem;
            color: #808080;
        }
        &.zoome {
            position: absolute;
            @include fz(24px);
            /* right: 0.4rem; */
            top: 50%;
            margin-top: -0.4rem;
            color: #808080;
            display: block;
            text-align: center;
            /* left: 50%; */
            width: 100%;
        }
    }
    .focus_on {
        &:after {
            vertical-align: middle;
            content: ' ';
            position: absolute;
            transform: rotate(45deg);
            border-width: 0.125rem;
            border-color: #e0e0e0 transparent transparent #e0e0e0;
            border-style: solid;
            bottom: -0.08rem;
            left: 0.8rem;
            z-index: 9;
        }
        &:before {
            vertical-align: middle;
            content: ' ';
            position: absolute;
            transform: rotate(45deg);
            opacity: 1;
            border-width: 0.125rem;
            border-color: #fff;
            border-style: solid;
            bottom: -0.1225rem;
            left: 0.8rem;
            z-index: 10;
        }
    }
}

//推荐好友列表 搜索框
.searchinput {
    background: #fff;
    width: 100%;
    height: 1.25rem;
    z-index: 88;
    border-bottom: 0.03rem solid #e0e0e0;
    .input,
    .input1 {
        width: 65%;
        padding: 0.0rem 0.25rem;
        input {
            height: 0.9rem;
            background: #e0e0e0;
            width: 100%;
            padding: 0.25rem;
            border-radius: 0.1rem;
            margin: 0.15rem 0.0rem;
            @include fz(16px);
            border: none;
        }
    }
    .input1 {
        width: 75%;
    }
    button {
        height: 0.9rem;
        background: #e0e0e0;
        width: 90%;
        padding: 0.12rem;
        border-radius: 0.1rem;
        @include fz(16px);
        border: none;
        color: #fff;
        background: $primaryColor;
        margin: 0.15rem 0.0rem;
    }
    .btn {
        width: 15%;
        vertical-align: middle;
        i {
            @include fz(30px);
            color: $primaryColor;
            vertical-align: middle;
            display: block;
            text-align: center;
            height: 100%;
            margin-top: 0.125rem;
        }
    }
    .on {
        color: $primaryColor;
        .a_decent {
            transform: rotate(180deg);
            color: $primaryColor;
        }
    }
}

.top_com_type {
    background: #fff;
    border-bottom: 0.025rem solid #e0e0e0;
    .type {
        width: 90%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .icon {
        text-align: center;
        width: 10%;
    }
    .iconfont {
        @include fz(31px);
        text-align: center;
        display: block;
        color: #808080;
    }
    li {
        display: inline-block;
        margin: 0.18rem 0.2rem;
        padding: 0.0rem;
        padding-bottom: 0.08rem;
        @include fz(15px);
        &.on {
            color: $primaryColor;
            position: relative;
            &:after {
                content: ' ';
                height: 0.05rem;
                background: $primaryColor;
                position: absolute;
                bottom: 0rem;
                width: 100%;
                left: 0.0rem;
                margin-left: auto;
            }
        }
    }
}

.ctbox {
    background: #fff;
    padding: 0.1rem 0.0rem;
    margin-bottom: 0.3rem;
    dt {
        border-bottom: 0.025rem solid #e0e0e0;
        text-indent: 0.3rem;
        margin-bottom: 0.5rem;
        @include fz(15px);
        position: relative;
        margin: 0.0rem 0.3rem;
        padding: 0.2rem 0.0rem;
        margin-bottom: 0.25rem;
        &:after {
            display: block;
            position: absolute;
            left: 0.0rem;
            background: $primaryColor;
            content: ' ';
            height: 0.4rem;
            width: 0.15rem;
            top: 50%;
            margin-top: -0.2rem;
        }
    }
    dd {
        @include fz(15px);
        color: #333;
        line-height: 0.725rem;
        padding: 0.15rem 0.35rem;
        p {
            text-indent: 0.83rem;
            margin-bottom: 0.5rem;
        }
    }
}

.flexbox {
    .vux-flexbox-item {
        text-align: center;
        border: 0.025rem solid $primaryColor;
        @include fz(12px);
        border-radius: 0.1rem;
        margin: 0.0rem 0.4rem;
        color: $primaryColor;
    }
}

.viewbox {
    .weui_dialog {
        background: none;
        width: 90%;
        height: 90%;
        max-width: 500px;
        img {
            width: 100%;
        }
        .showimg {
            height: 80%;
        }
        .big {
            overflow-x: scroll;
            overflow-y: scroll;
            height: 80%;
            img {
                width: auto!important;
            }
        }
    }
    i {
        &.left,
        &.right {
            position: fixed;
            left: 0.0rem;
            top: 40%;
            color: #fff;
            color: $mainColor;
            @include fz(35px);
        }
        &.right {
            right: 0.0rem;
            left: auto;
            transform: rotateY(180deg);
        }
        &.close {
            margin-top: .5rem;
            display: block;
            color: #fff;
            @include fz(30px);
        }
    }
}

.faqs_page {
    img {
        width: auto;
        max-width: 100%;
        display: block;
        margin: auto;
    }
}

.plusSet {
    position: relative;
    input[type='date'],
    input[type='month'] {
        display: block;
        border: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        z-index: 99;
    }
}